﻿<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>事件默认行为</title>
<!--autor: carriehuang | QQ:453555909 | 转载需注明原处-->
<head>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }
        .div{
        	width: 100px;
        	height: 100px;
        	background: red;
        	position: absolute;
        	border: 1px solid #000;
        }
      
    </style>
</head>
<body>
<div class="div" id="j_div"></div>
<script type="text/javascript">

    window.onload=function(){

		  	var oDiv  = document.getElementById('j_div');
		  	var oDiv2  = document.getElementsByClassName('div2');
				
				/* 事件默认行为：当一个事件发生的时候浏览器自己会默认做的事情
				 * 怎么阻止？
				 * 想找到源头，当前这个行为是什么事件触发的，然后在这个事件的处理函数中使用 return false
				 */
				//oncontextmenu: 右键菜单事件，当右键菜单（环境菜单）显示出来的时候触发
				document.oncontextmenu = function(ev){
					
					alert(1);
					return false;
				}
		  	
		}
</script>
</body>

</html>
